/* 解决网页缩放问题 */
body{
    min-width: max-content;
}
/* 头部css样式 */
#header{
    height: 110px;
    min-width: max-content;
    background: url(../imgs/headbg.jpg) repeat-x left bottom;;
}
#header .header_logo{
    width: 1210px;
    height: 76px;
    margin: 0 auto;
}
#header .header_logo .logo{
    width: 160px;
    height: 50px;
    float: left;
    margin-top: 24px;
    background: url(../imgs/icon.png) no-repeat;
}
#header .header_logo .huanyin{
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    margin-top: 34px;
}
#header .header_logo .have-account{
    font-size: 16px;
    float: right;
    margin-top: 55px;
    color: #999;
}
#header .header_logo .have-account>a{
    color: #e22;
}
/* 中间注册css样式 */
#progress-bar{
    width: 1210px;
    margin: 0 auto;
    margin-top: 80px;
}
#progress-bar .clearfix{
    width: 428px;
    height: 44.8px;
    margin: 0 auto;
    overflow: hidden;
}
#progress-bar .clearfix>p{
    text-align: center;
    float: left;
}
#progress-bar .clearfix>p>span:nth-child(1){
    margin: 0 auto;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 700;
    background: url(../imgs/reg-icon.png) no-repeat;
    background-position: 0 -200px;
    color: #fff;
}
#progress-bar .clearfix>p>span:nth-child(2){
    margin-top: 10px;
    font-size: 12px;
    color: #3b4;
}
#progress-bar .clearfix>span{
    width: 124px;
    height: 10px;
    margin-top: 7px;
    display: block;
    float: left;
    background: url(../imgs/reg-icon.png) no-repeat;
    background-position: 0 -100px;
}
#progress-bar .clearfix>.next>span:nth-child(1){
    color: #ccc;
    background: url(../imgs/reg-icon.png) no-repeat;
    background-position: -45px -200px;
}
#progress-bar .clearfix>.next>span:nth-child(2){
    color: #999;
}
#progress-bar .mine{
    width: 428px;
    height: 302px;
    margin: 50px auto 186px;
}
#progress-bar .mine .reg-form{
    width: 428px;
}
#progress-bar .mine .reg-form>form>div{
    width: 426px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border: 1px solid #ddd;
    margin-bottom: 34px;
    color: #666;

}
#progress-bar .mine .reg-form>form .top_input{
    position: relative;
}
#progress-bar .mine .reg-form>form .top_input:after{
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 50px;
    top: 0;
    left: 109px;
    background: #ddd;
}
#progress-bar .mine .reg-form>form .top_input>input{
    border: none;
    outline: none;
    font-size: 14px;
    color: #666666;
    width: 190px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-top: 16px;
}
#progress-bar .mine .reg-form>form .top_input .content_right{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
    background: url(../imgs/icon.png) no-repeat 0 -117px;
    display: none;
}
#progress-bar .mine .reg-form>form .top_input .hidden_note{
    padding: 0;
    font-size: 10px;
    color: #999;
    line-height: 16px;
    width: 427px;
    height: 16px;
    display: none;
}
#progress-bar .mine .reg-form>form .top_input .hidden_note>i{
    vertical-align: middle;
}
#progress-bar .mine .reg-form>form .top_input .hidden_note>span{
    vertical-align: middle;
}
#progress-bar .mine .reg-form>form>div>span{
    padding-left: 20px;
    cursor: pointer;
    width: 88px;
    display: inline-block;
    height: 49px;
}
#progress-bar .mine .reg-form>form>div>span .iconicon--copy{
    color: #BCBCBC;
    font-size: 5px;
    margin-left: 5px;
}
#progress-bar .mine .reg-form>form>div:nth-child(2){
    text-align: center;
    color: #333;
    cursor: pointer;
}
#progress-bar .mine .reg-form .buttom{
    width: 428px;
    height: 54px;
    margin: 0 auto;
    margin-top: 57px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    background: #e2231a;
    cursor: pointer;
}
#progress-bar .mine .reg-form .buttom:hover{
    background: #c81623;
}
#progress-bar .mine .reg-other{
    width: 428px;
    height: 28px;
    margin: 0 auto;
    margin-top: 28px;
}
#progress-bar .mine .reg-other>a{
    width: 118px;
    height: 28px;
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
}
#progress-bar .mine .reg-other>a:hover{
    color: #c81623;
}
#progress-bar .mine .reg-other>a:nth-child(2){
    float: right;
}
#progress-bar .mine .reg-other>a>.bg_1{
    display: inline-block;
    margin: 0 8px 2px 0;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background: url(../imgs/reg-icon.png) no-repeat;
    background-position: 0 -160px;
}
#progress-bar .mine .reg-other>a>.bg_2{
    display: inline-block;
    margin: 0 8px 2px 0;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background: url(../imgs/reg-icon.png) no-repeat;
    background-position: -40px -160px;
}
/* 脚部css样式 */
#footer{
    width: 1210px;
    margin: 0 auto;
    font-size: 12px;
    border-top: 1px solid #e6e6e6;

}
#footer>span{
    width: 1210px;
    display: block;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
    color: #999;
}
#footer>span:nth-child(2){
    margin: 0;
}
#footer>span>a{
    color: #999;
    margin: 0 10px;
}
#footer>span>a:hover{
    text-decoration: underline;
}